/*
 * @Author: Jiraiya
 * @Date: 2020-05-09 14:50:10
 * @LastEditors: Jiraiya
 * @LastEditTime: 2020-05-09 16:09:02
 * @Description: 
 */
import {useState, useEffect, useRef} from 'react';
import { Form, InputNumber, Button, Row, Col } from 'antd';
import Echart from '../components/Echart';
import { computeRepeatRatio } from '../components/options/utils';
const numeral = require('numeral');

const FundPage = () => {
    const div = useRef(null);
    useEffect(()=>{
        console.log(window.getComputedStyle(div.current)['border-width'])
    }, [])
    return <div >
        <div className='border05'></div>
        <div className='border1' ref={div}></div>
        <style jsx>
            {`
                .border05, .border1{
                    width: 100px;
                    height: 100px;
                    background: #fff;
                    position: relative;
                }
                .border1{
                    margin-top: 20px;
                    border: 0.5px solid #333;
                }
                .border05:before{
                    content: '';
                    width: 200%;
                    height: 200%;
                    border: 1px solid #333;
                    transform-origin: 0 0;
                    transform: scale(0.5, 0.5);
                    position: absolute;
                    box-sizing: border-box;
                }
            `}
        </style>
    </div>;
}

export default FundPage;